<!-- 最新评论 -->
<th:block th:with="cs=${@commentTag.recentlyComment(0,1,@configTag.getKeyDefault('nice','oly.web.theme.nice.comment.size',10))}">
<div
  class="shrink-0 max-xl:mx-0 ml-2 mb-2 overflow-hidden rounded-lg"
  th:if="${!#lists.isEmpty(cs)}"
 >
  <div
    class="columns-2xs p-2 bg-white dark:text-white dark:bg-gray-800 dark:border-gray-700"
  >
    <h6 class="font-bold text-base flex">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        class="w-6 h-6 mb-2"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"
        ></path>
      </svg>
      <span class="pl-2">热门评论</span>
    </h6>
    <div
      class="space-y-4 capitalize text-xs font-normal mt-1 mb-2 text-gray-500 dark:text-white/80"
    >
    <div th:each="c:${cs}">
      <div class="flex items-center gap-3" >
        <a href="timeline.html">
          <img
            th:src="${c.fromUser.avatar}"
            th:alt="${c.fromUser.nickName}"
            class="bg-gray-200 rounded-full w-10 h-10"
          />
        </a>
        <div class="flex-1">
          <span th:text="${c.fromUser.nickName}">Johnson smith</span>
        </div>
        <button
          type="button"
          class="text-sm rounded-full py-1.5 px-4 font-semibold bg-secondery"
        >
         17点14分
        </button>
      </div>
      <div class="flex-1 py-2" th:utext="${c.content}">
        Suggested For You Suggested ForSuggested For You Suggested For
        YouSuggested For YouSuggested For YouSuggested For YouSuggested For You
        Suggested For YouSuggested For YouSuggested For YouSuggested For You
        YouSuggested For YouSuggested For YouSuggested For You
      </div>
    </div>

  </div>
  </div>
</div>
</th:block>